<!DOCTYPE html>
<html>
	<!--
    	作者：Sh
    	时间：2018-12-03
    	描述：全部的css设置样式都在hearder.html页面
    -->

	<head>
		<meta charset="utf-8">
		<title>学霸养成平台</title>
		<link rel="shortcut icon" type="text/css" href="ico/2.ico" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			@font-face {
				font-family: timu;
				src: url(font/HYTangMeiRenW.ttf);
			}
			
			body {
				overflow-x: hidden;
			}
			
			.nav {
				height: 52px;
				width: 100%;
				background: #fff;
				box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.4), 0 0 6px 2px rgba(0, 0, 0, 0.15);
				;
				margin-bottom: 20px;
			}
			
			.width_1200 {
				width: 1200px;
				margin: 0 auto;
			}
			
			ul,
			ol li {
				list-style: none;
			}
			
			a {
				text-decoration: none;
				color: #000;
			}
			
			.nav li a:hover {
				color: royalblue;
			}
			
			.nav ul {
				float: left;
			}
			
			.nav ol {
				float: right;
				font-size: 14px;
			}
			
			.nav ol li dd {
				float: left;
			}
			
			.nav ul li {
				float: left;
				line-height: 52px;
			}
			
			.nav ul li a {
				color: #333;
				margin-right: 40px;
			}
			
			.nav ol a {
				color: #777;
			}
			
			.nav ol li {
				float: left;
				line-height: 52px;
			}
			
			.nav ul .sea {
				padding: 8px;
				width: 220px;
				margin-top: -2px;
				border-top: 1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC;
				border-left: 1px solid #CCCCCC;
				border-radius: 3px;
			}
			
			.sousuo {
				padding: 7px;
				margin-left: -5px;
				background: #FFFFFF;
				border-top: 1px solid #CCCCCC;
				border-bottom: 1px solid #CCCCCC;
				border-right: 1px solid #CCCCCC;
				border-radius: 3px;
				color: #777;
				margin-right: 70px;
			}
			
			.sousuo:hover {
				color: #000;
			}
			
			.my_head {
				position: relative;
				overflow: hidden;
				margin-bottom: 10px;
				height: 300px;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
			}
			
			.main {
				margin: 0 auto;
				width: 1000px;
			}
			
			.touxiang {
				z-index: 2;
				height: 100px;
				width: 100px;
				position: absolute;
				border-radius: 100px;
				left: 450px;
				top: 65px;
				box-shadow: 2px 2px 10px #fff, -2px -2px 10px #fff, 2px -2px 10px #fff, -2px 2px 10px #fff;
			}
			
			.my_head .p1 {
				position: absolute;
				width: 200px;
				text-align: center;
				left: 400px;
				top: 175px;
				font-size: 18px;
			}
			
			.my_head .p2 {
				width: 200px;
				position: absolute;
				right: 0;
				color: #1383eb;
				font-size: 14px;
				text-shadow: 0.5px 0.5px 2px #13ebca;
			}
			
			.my_head span {
				color: #fff;
				font-size: 14px;
				position: absolute;
				left: 50px;
				top: 260px;
			}
			/*
			 * 个人设置页面
			 */
			
			.left {
				width: 700px;
				float: left;
				padding-bottom: 0px;
				background-color: #fff;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
			}
			
			.left1 {
				width: 700px;
				float: left;
				padding-bottom: 0px;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
			}
			
			.left ul li {
				float: left;
			}
			
			.left ul {
				border-bottom: 1px solid #ccc;
				height: 53px;
			}
			
			.left ul li a {
				display: block;
				width: 112px;
				height: 52px;
				line-height: 52px;
				text-align: center;
				font-size: 0.96em;
				border-right: 1px solid #d4d4d5;
			}
			
			.liuyan {
				border: 0px solid #e2ddd5;
				background: #fff;
				position: relative;
				color: #111;
			}
			
			.content_title {
				padding: 0px 0 4px 0;
				color: #d79f34;
				margin-bottom: 10px;
			}
			
			.content_text textarea {
				padding: 0.7em 1em;
				color: rgba(0, 0, 0, 0.87);
				border-radius: 4px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				font-size: 1.4em;
				line-height: 1.27em;
				transition: color 0.1s ease, border-color 0.1s ease;
				margin-bottom: 5px;
			}
			
			.relese {
				color: #999;
			}
			
			.relese em {
				font-weight: bold;
			}
			
			.liuyan_zuihou {
				float: right;
			}
			
			.liuyan_zuihou button {
				background: #85c0e1;
				padding: 8px 24px;
				color: #fff;
				border: none;
				font-weight: bold;
				font-style: normal;
				text-align: center;
				font-size: 1em;
				margin-left: 10px;
			}
			
			.liuyan_zuihou button:hover {
				background: #4169E1;
			}
			
			.active {
				background: #edf3f9;
				color: #4b8dc9;
			}
			
			.right {
				width: 290px;
				float: right;
			}
			
			.footer {
				font-size: 12px;
				color: #222;
				text-align: center;
				margin: 0 auto;
				width: 1000px;
				overflow: hidden;
				padding: 0px 0 12px 0px;
				line-height: 20px;
			}
			
			.filed {
				clear: both;
				margin: 0em 0em 1em;
				font-weight: bold;
				font-size: 0.93em;
			}
			
			.filed input {
				width: 640px;
				padding: 0.6em 1em;
				height: 25px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				color: rgba(0, 0, 0, 0.8);
				border-radius: 0.28em;
				margin: 5px 0px;
			}
			
			.filed select {
				width: 670px;
				padding: 0.6em 1em;
				height: 40px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				color: rgba(0, 0, 0, 0.8);
				border-radius: 0.28em;
			}
			
			.tijiao {
				background: #85c0e1;
				padding: 8px 24px;
				color: #fff;
				border: none;
				font-weight: bold;
				font-style: normal;
				text-align: center;
				font-size: 1em;
			}
			
			.right_hhh {
				padding-top: 30px;
				margin-left: 19%;
			}
			
			.right_hhh ul,
			ol {
				float: left;
				color: #666;
				font-size: 14px;
			}
			
			.right_hhh ul span {
				font-size: 17px;
				font-weight: 800;
			}
			
			.right_hhh ol {
				width: 1px;
				height: 32px;
				background-color: #e5e5e5;
				margin: 6px 24px 0px 24px;
			}
			
			sup {
				color: red;
				margin: -0.2em 0em 0em 0.2em;
				font-size: 1.1em;
			}
			
			.tijiao:hover {
				background: #4169E1;
			}
			
			.top {
				width: 100%;
				height: 240px;
				text-align: center;
				margin-bottom: 10px;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
			}
			
			.info {
				height: 90px;
				width: 90px;
				border-radius: 50%;
				margin-top: 32px;
				border: none;
			}
			
			.top h4 {
				color: gray;
				border: none;
			}
			
			.dibu {
				width: 100%;
				background: #fff;
				color: #333;
				padding-bottom: 16px;
				margin-bottom: 10px;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
			}
			
			.dibu h4 {
				color: #333;
				margin: 0px;
				font-size: 14px;
				border-bottom: 1px solid #e5e5e5;
				padding: 20px;
			}
			
			.dibu p {
				overflow: hidden;
				margin-left: 8px;
				margin-right: 8px;
				padding: 10px;
				display: block;
				border-radius: 4px;
				margin-top: 8px;
				font-size: 1em;
				color: #8f9297;
				background: #f5f9fa;
			}
			
			.dibu span {
				margin-top: 20px;
				float: right;
			}
			
			#div4 {
				padding: 15px;
				display: block;
				height: 490px;
			}
			
			#div2 {
				padding: 15px;
				display: none;
				height: 490px;
			}
			
			#div3 {
				padding: 15px;
				display: none;
				height: 490px;
			}
			
			#div1 {
				padding: 15px;
				display: none;
				height: 490px;
			}
			/*
			 * 首页样式设置
			 */
			
			.liuyan_wenben p {
				color: #333;
				margin: 25px 0 10px 15px;
				font-size: 15px;
				font-weight: bold;
			}
			
			.liuyan_wenben em {
				line-height: 50px;
			}
			
			.liuyan_wenben ul {
				border-bottom: none;
				border-top: 1px solid #ccc;
			}
			
			.liuyan_wenben ul li img {
				border: none;
				border-radius: 50%;
				width: 70px;
				margin-top: 20px;
			}
			
			.liuyan_wenben ul li {
				position: relative;
				width: 100%;
				margin-bottom: 40px;
			}
			
			.liuyan_wenben ul li strong {
				position: absolute;
				font-size: 14px;
				left: 80px;
				color: #000;
				top: 25px;
			}
			
			.liuyan_wenben ul li span {
				position: absolute;
				font-size: 13px;
				left: 80px;
				color: #999;
				top: 60px;
			}
			
			.liuyan_neirong {
				right: 0;
				top: -13px;
				width: 502.5px;
				position: absolute;
				height: 121px;
			}
			
			.liuyan_neirong p {
				padding: 10px;
				line-height: 1.6em;
				background: #f2f2f5;
				font-size: 14px;
				color: #555;
			}
			
			.index_top {
				height: 100px;
			}
			
			.index_top ul {
				margin-left: 70px;
			}
			
			.index_top ul li {
				float: left;
				text-align: center;
				font-size: 0.9em;
				margin-right: 5px;
				line-height: 38px;
				color: #18a1f8;
				text-shadow: 2px 2px 2px #13EBCA;
			}
			
			.index_top ul li p {
				font-size: 3em;
			}
			
			.index_shouye {
				width: 100%;
				height: 72px;
				background: #97e7e4;
			}
			
			.current{
				background: #e797e1;
			}
			.current span{
				color: #fff;
			}
			
			.index_shouye ul li a {
				display: block;
				color: #1383EB;
				overflow:hidden;
				cursor:pointer;
				position:relative;
				height: 60px;
			}
			
			.index_shouye ul li a span{
				float: left;
				padding: 0 20px;
				line-height: 60px;
				clear: both;
			}
			
			.index_shouye ul li a .active_span{
				color:blue; 
				background: #e797e1;
			}
			
			
			.index_shouye ul li {
				width: 116px;
				height: 60px;
				float: left;
				margin: 6px 0px 0px 8px;
				text-align: center;
				line-height: 60px;
				font-weight: bold;
			}
			
			.index_main {
				border: 7px solid #97e7e4;
				position: relative;
				height: 570px;
				padding: 10px 5px 0px;
				font-size: 12px;
			}
			
			.index_main ul {
				height: 216px;
				background: -webkit-gradient(linear, left bottom, right top, from(#d4e8fe), to(#FFFFFF));
				padding: 10px;
			}
			
			.index_main ul img {
				margin-right: 5px;
				margin-top: 6px;
				float: left;
			}
			
			.index_main ul li a:hover {
				color: #1383EB;
			}
			
			.main_left {
				width: 310px;
				height: 270px;
				position: absolute;
			}
			
			.index_news {
				width: 100%;
				height: 100%;
				border: 2px solid #97e7e4;
			}
			
			.index_news li {
				border-bottom: 1px dashed #ccc;
				line-height: 26px;
				height: 27px;
			}
			
			.index_news li span {
				float: right;
			}
			
			.news_top {
				width: 100%;
				height: 29px;
				color: #000000;
				position: relative;
				background: #d4e8fe;
				border-bottom: 1px solid #ACD1F1;
			}
			
			.news_top span {
				position: absolute;
				left: 40px;
				top: 6px;
				color: #fff;
				font-size: 1.2em;
			}
			
			.img1 {
				border: none;
				margin-left: 20px;
			}
			
			.main_c {
				width: 322px;
				height: 270px;
				position: absolute;
				left: 332px;
			}
			
			.index_soft {
				width: 100%;
				height: 100%;
				border: 2px solid #97e7e4;
			}
			
			.index_soft ul li {
				border-bottom: 1px dashed #ccc;
				line-height: 35px;
			}
			
			.span1 {
				margin: 0 30px 0px 16px;
			}
			
			.span3 {
				margin: 0 15px 0 12px;
				float: right;
				clear: both;
			}
			
			.span4 {
				float: right;
				margin-right: 15px;
			}
			
			.soft_top {
				width: 100%;
				height: 29px;
				color: #000000;
				position: relative;
				background: #d4e8fe;
				border-bottom: 1px solid #ACD1F1;
			}
			
			.highslide {
				outline: none;
				text-decoration: none;
			}
			
			.soft_top span {
				position: absolute;
				left: 40px;
				top: 6px;
				color: #fff;
				font-size: 1.2em;
			}
			
			.main_right {
				width: 305px;
				height: 270px;
				position: absolute;
				right: 10px;
			}
			
			.index_teacher {
				width: 100%;
				height: 100%;
				border: 2px solid #97e7e4;
			}
			
			.index_teacher ul li {
				border-bottom: 1px dashed #ccc;
				line-height: 26px;
			}
			
			.index_teacher ul li span {
				float: right;
				margin-right: 10px;
			}
			
			.teacher_top {
				width: 100%;
				height: 29px;
				color: #000000;
				position: relative;
				background: #d4e8fe;
				border-bottom: 1px solid #ACD1F1;
			}
			
			.teacher_top span {
				position: absolute;
				left: 40px;
				top: 6px;
				color: #fff;
				font-size: 1.2em;
			}
			
			.main_bottom_left {
				width: 310px;
				height: 270px;
				position: absolute;
				top: 300px;
			}
			
			.index_exam {
				width: 100%;
				height: 100%;
				border: 2px solid #97e7e4;
			}
			
			.exam_top {
				width: 100%;
				height: 29px;
				color: #000000;
				position: relative;
				background: #d4e8fe;
				border-bottom: 1px solid #ACD1F1;
			}
			
			.exam_top span {
				position: absolute;
				left: 40px;
				top: 6px;
				color: #fff;
				font-size: 1.2em;
			}
			
			.exam_top li {
				border-bottom: 1px dashed #ccc;
				line-height: 40px;
			}
			
			.index_news ul li strong {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 225px;
				display: block;
				float: left;
				font-weight: normal;
			}
			
			.exam_top b {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 160px;
				font-weight: normal;
				display: block;
				float: left;
			}
			
			.span_content {
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 250px;
				display: block;
				float: left;
			}
			
			.exam_top strong {
				margin-left: 10px;
				color: #aaa;
			}
			
			.exam_top em {
				font-style: normal;
				float: right;
			}
			
			.main_bottom_right {
				width: 645px;
				height: 270px;
				position: absolute;
				left: 332px;
				top: 300px;
			}
			
			.index_exception {
				width: 100%;
				height: 100%;
				border: 2px solid #97e7e4;
			}
			
			.exception_top {
				width: 100%;
				height: 29px;
				color: #000000;
				position: relative;
				background: #d4e8fe;
				border-bottom: 1px solid #ACD1F1;
			}
			
			.span100 {
				position: absolute;
				left: 40px;
				top: 6px;
				color: #fff;
				font-size: 1.2em;
			}
			
			.index_foot {
				padding: 10px 0px;
				height: 70px;
				background: #97e7e4;
				margin-top: 5px;
				font-size: 12px;
				color: #666;
				text-align: center;
				line-height: 24px;
			}
			.index_foot a:hover{
				color: orangered;
				text-decoration: underline;
			}
			#stu_index_btn span{
				float: left;
			}
			#stu_index_btn:after{
				display: block;
				content: '';
				clear: both;
			}
			#stu_index_btn span:nth-child(1){
				margin: 0 20px 0 20px;
			}
			#stu_index_btn span:nth-child(3){
				float: right;
			}
			/*
			 * 最新成员
			 * re_teacher
			 * 分页css样式
			 */
			/*
			 * 首页面弹窗布局
			 */
			
			#tanchu {
				width: 550px;
				height: 80px;
				background: #fff;
				opacity: 0.9;
				position: absolute;
				left: -490px;
				border-radius: 0px 20px 20px 0px;
				top: 80px;
				z-index: 10;
			}
			
			#tanchu ul li {
				float: left;
				padding: 10px;
			}
			
			.img_222 {
				height: 60px;
			}
			
			.img_222:hover {
				opacity: 0.6;
			}
			
			.img_333 {
				height: 130px;
				opacity: 1;
			}
			
			.div111 {
				position: relative;
			}
			
			.div222 {
				position: absolute;
				top: 80px;
				left: 0px;
			}
			
			#tanchu a:hover {
				opacity: 0.5;
			}
			
			.tanchu_a {
				height: 80px;
				border-radius: 0px 20px 20px 0px;
				width: 60px;
				display: block;
				float: right;
				line-height: 50px;
				text-align: center;
				background: url(img/index_left.jpg) no-repeat center center;
			}
			
			.tanchu_b {
				height: 80px;
				border-radius: 0px 20px 20px 0px;
				width: 60px;
				display: block;
				float: right;
				line-height: 50px;
				text-align: center;
				background: url(img/index_right.jpg) no-repeat center center;
			}
			
			.re_teacher_page {
				padding: 20px 26px;
				overflow: hidden;
			}
			
			#page a {
				display: block;
				float: left;
				margin-right: 10px;
				padding: 6px 12px;
				border: 1px #cccccc solid;
				background: #fff;
				text-decoration: none;
				color: #808080;
				font-size: 12px;
			}
			
			#page a:hover {
				color: #85c0e1;
				border: 1px solid #85c0e1;
			}
			
			#page .page_teacher {
				color: #fff;
				background: #85c0e1;
			}
			
			#page .page_teacher:hover {
				color: #fff;
			}
			
			.pageWork {
				border-style: none;
				background: none;
				margin-right: 0px;
				padding: 4px 0px;
				color: #666;
			}
			
			.pageWork b {
				color: #85c0e1;
				margin: 0 4px;
			}
			
			#sou_yonghu {
				padding: 4px 24px 4px 7px;
				color: #333;
				height: 15px;
				width: 110px;
				border-radius: 3px;
				border: 1px solid #ccc;
			}
			
			#sou_yonghu1 {
				position: absolute;
				height: 20px;
				width: 20px;
				border: none;
				right: 5px;
				top: 1.5px;
			}
			
			.youbian {
				float: right;
				position: relative;
				margin-top: -5px;
			}
			
			.re_teacher_sousuo {
				height: 10px;
				padding: 20px;
				font-size: 14px;
			}
			
			.re_teacher_sousuo p {
				float: left;
			}
			
			.re_teacher_left_top {
				padding: 20px 20px 10px;
				color: #aaa;
				font-size: 14px;
			}
			
			.re_teacher_left_top img {
				margin-right: 5px;
			}
			
			.re_teacher_left_top em {
				font-style: normal;
				color: #444;
			}
			
			.re_teacher_left_top span {
				color: #ccc;
				margin: 0 5px;
			}
			
			.teacher_top_right1 {
				float: right;
				font-size: 14px;
				color: #666;
			}
			
			.re_top {
				padding: 20px;
				background: #F9F9F9;
				font-size: 14px;
				color: #666;
			}
			
			.re_top span:nth-child(1) {
				margin: 0 100px 0 0;
			}
			
			.re_top span:nth-child(2) {
				margin: 0 130px 0 0;
			}
			
			.re_top span:nth-child(3) {
				margin: 0 120px 0 0;
			}
			
			.re_top span:nth-child(4) {
				margin: 0 120px 0 0;
			}
			
			#re_teacher {
				padding: 20px;
				font-size: 12px;
			}
			
			#re_teacher ul {
				border-bottom: none;
				height: auto;
			}
			
			#re_teacher li {
				height: 50px;
				width: 100%;
				line-height: 50px;
			}
			
			#re_teacher li:hover {
				box-shadow: 2px 2px 2px #ccc;
			}
			
			#re_teacher li span {
				display: block;
				float: left;
			}
			
			#re_teacher li span:nth-child(1) {
				width: 120px;
				text-align: left;
			}
			
			#re_teacher li span:nth-child(2) {
				width: 140px;
				color: #666;
				text-align: center;
			}
			
			#re_teacher li span:nth-child(3) {
				width: 150px;
				text-align: center;
			}
			
			#re_teacher li span:nth-child(4) {
				width: 150px;
				text-align: center;
			}
			
			#re_teacher li span:nth-child(5) {
				width: 80px;
				text-align: right;
			}
			/*
			 * 排行榜名单样式
			 * css
			 */
			
			.paihangbang {
				padding: 15px;
				color: #555;
				font-size: 15px;
			}
			
			.rankling_list_top {
				background: #f9f9f9;
				color: #555;
				font-size: 14px;
				height: 50px;
				line-height: 40px;
			}
			
			.rankling_list_top .rankling_paiming {
				margin: 0 60px 0 20px;
			}
			
			.rankling_list_top .rankling_yonghu {
				margin-right: 230px;
			}
			
			.rankling_list_top .rankling_ID {
				margin-right: 60px;
			}
			
			.rankling_list_top .rankling_jiejue {
				margin-right: 60px;
			}
			
			.rankling_list_top .rankling_cuowu {
				margin-right: 60px;
			}
			
			.rankling_list_bottom .rankling_ul {
				border: none;
			}
			
			.rankling_ul li {
				line-height: 40px;
				width: 100%;
				height: 40px;
				font-size: 12px;
				position: relative;
			}
			
			.rankling_img1 {
				width: 40px;
				position: absolute;
				left: 20px;
				top: 3px;
			}
			
			.rankling_ul li:hover {
				background: rgba(230, 245, 255, 1);
			}
			
			.rankling_ul li span:nth-child(1) {
				left: 20px;
				position: absolute;
			}
			
			.rankling_ul li span:nth-child(2) {
				left: 110px;
				position: absolute;
				color: #18A1F8;
			}
			
			.rankling_ul li span:nth-child(3) {
				right: 315px;
				position: absolute;
				color: #18A1F8;
			}
			
			.rankling_ul li span:nth-child(4) {
				right: 225px;
				position: absolute;
			}
			
			.rankling_ul li span:nth-child(5) {
				right: 135px;
				position: absolute;
			}
			
			.rankling_ul li span:nth-child(6) {
				right: 35px;
				position: absolute;
			}
			
			.ju1 {
				margin-left: 20px;
			}
			
			.ju1 a {
				font-size: 0.8em;
				color: #666;
			}
			
			.ju1 a:hover {
				color: #1383EB;
				text-decoration: underline;
			}
			
			.MenuBox li {
				float: left;
				color: #0000FF;
				margin: 0 15px;
				font-weight: 600;
			}
			
			.MenuBox li:hover {
				color: red;
			}
			
			.MenuBox {
				padding-top: 10px;
				padding-left: 15px;
				height: 23px;
				line-height: 21px;
				list-style: none;
			}
			
			.neirong {
				height: 230px;
				background: -webkit-gradient(linear, left bottom, right top, from(#d4e8fe), to(#FFFFFF));
			}
			
			.ContentBox {
				clear: both;
				margin-top: 0px;
				height: 189px;
				padding-top: 10px;
				width: 612px;
				padding-left: 20px;
			}
			
			.Contentbox_con {
				width: 592px;
				color: #5b5b5b;
				float: left;
				padding: 0 10px;
			}
			
			.span13 {
				float: left;
				line-height: 22px;
			}
			
			.span14 {
				width: 612px;
				line-height: 50px;
				float: left;
			}
			
			.span15 {
				float: left;
				width: 18px;
			}
			
			.span15 input {
				margin-top: 20px;
				display: inline;
				float: left;
			}
			
			.span16 {
				width: 79px;
				float: left;
			}
			
			.span18 {
				width: 76px;
				height: 29px;
				float: right;
				margin-top: 2px;
				display: inline;
			}
			
			.hover {
				color: rgba(200, 0, 0, 0.6)!important;
			}
			
			.input11 {
				font-size: 0.8em;
				color: #000000;
				background: linear-gradient(to bottom, #fff, #ccc);
				letter-spacing: 0.5em;
				text-align: center;
				width: 82px;
				height: 21px;
				border-radius: 15px;
			}
			/*
			 * 题库css样式
			 */
			
			#sou_tiku {
				padding: 4px 24px 4px 7px;
				color: #333;
				height: 15px;
				width: 110px;
				border-radius: 3px;
				border: 1px solid #ccc;
			}
			
			#sou_tiku1 {
				position: absolute;
				height: 20px;
				width: 20px;
				border: none;
				right: 5px;
				top: 1.5px;
			}
			
			.tiku_xuanze {
				padding: 20px;
			}
			
			.tiku_xuanze_left {
				margin-bottom: 20px;
			}
			
			.tiku_xuanze_left p {
				float: left;
				font-size: 14px;
				margin-right: 20px;
			}
			
			.tiku_xuanze .xi_tiku {
				margin-right: 20px;
			}
			
			.tiku_xuanze_left .genggai {
				color: #fff;
				background: #18A1F8;
				font-size: 8px;
				padding: 2px;
				border: none;
			}
			
			.tiku_span {
				float: right;
				color: #000000;
			}
			
			.tiku_addtime {
				margin-left: 20px;
				color: #18A1F8;
				opacity: 0.7;
			}
			
			.tiku_content {
				list-style: none;
			}
			
			.tiku_content_left {
				color: orangered;
				font-size: 14px;
				font-weight: bold;
			}
			
			.tiku_content {
				padding: 20px;
			}
			
			.tiku_main {
				padding: 10px 20px;
			}
			
			.tiku_content1 {
				display: block;
				padding: 5px;
			}
			
			.tiku_content2 {
				display: block;
				padding: 5px;
			}
			
			.tiku_content3 {
				display: block;
				padding: 5px;
			}
			
			.tiku_content4 {
				display: block;
				padding: 5px;
			}
			
			.tiku_content5 {
				margin-left: 1em;
				color: orangered;
				font-weight: bold;
				margin-right: 20px;
				font-size: 13px;
			}
			
			.tiku_content6 {
				color: orange;
				font-size: 13px;
				line-height: 1.37em;
			}
			
			.tiku_name {
				color: #999;
				margin-left: 20px;
			}
			
			.tiku_s {
				display: none;
			}
			
			.daan {
				padding: 2px 10px;
				color: #555;
				border-radius: 20px;
				font-size: 0.6em;
				margin-top: 5px;
			}
			/*
			 * 未来发展
			 */
			
			.info_p1 {
				padding: 20px;
			}
			
			.info_p2 h4 {
				margin: 10px 0px;
			}
			
			.info_p2 {
				padding: 20px 15px 30px;
				line-height: 1.7em;
				font-size: 14px;
			}
			
			.info_p2 p {
				text-indent: 2em;
			}
			/*
			 * 搜索页面
			 * css页面
			 */
			
			.sousuo_content {
				padding: 20px;
				color: #666;
			}
			
			.sousuo_content h5 {
				padding-bottom: 10px;
				border-bottom: 1px solid #ccc;
			}
			/*
			 * 举报页面CSS
			 * 
			 */
			
			.content {
				padding: 20px;
			}
			
			.xinban input {
				width: 627px;
			}
			
			.jubao_wenben li {
				list-style: none;
				font-size: 14px;
			}
			
			.jubao_span1 {
				margin-left: 20px;
				margin-right: 40px;
			}
			
			.jubao_span2 {
				color: #777;
				margin-right: 40px;
			}
			
			.jubao_span3 {
				margin-right: 40px;
			}
			
			.em_1 {
				color: red;
			}
			
			.em_2 {
				color: green;
			}
			/*
			 *	考试页面CSS 
			 */
			
			.text_kaoshi {
				padding: 20px;
				position: relative;
				height: 50px;
			}
			
			.text_kaoshi div {
				float: left;
				position: absolute;
				font-size: 2em;
				font-weight: bold;
				color: #0001FF;
				text-shadow: 1px 1px 1px #ccc, -1px -1px 1px #ccc;
				
			}
			
			.test_t {
				padding: 10px 20px 20px 20px;
			}
			
			.box_sha {
				padding: 20px;
				background: #eeffee;
				opacity: 0.8;
			}
			
			#kao {
				border-bottom: 3px solid #0000FF;
				height: 50px;
				line-height: 50px;
				background: #4a84d0;
			}
			
			#kao li {
				width: 33.3333%;
				text-align: center;
				color: #fff;
				font-size: 1em;
			}
			
			#kao li:hover {
				background: #125abb;
			}
			
			.diva {
				box-shadow: 3px 3px 3px #999999;
				margin-bottom: 40px;
			}
			
			.chuti_shuliang,
			.chuti_name {
				padding: 0.6em 1em;
				height: 20px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				color: rgba(0, 0, 0, 0.8);
				border-radius: 0.28em;
				margin: 5px 0px;
				width: 500px;
			}
			
			.chuti_xibie {
				width: 530px;
				padding: 0.6em 1em;
				height: 40px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				color: rgba(0, 0, 0, 0.8);
				border-radius: 0.28em;
				margin: 5px 0px 5px -5px;
			}
			
			.chuti_shijian1 {
				margin: 8px 80px 0 0;
				padding: 0.6em 1em;
				border-radius: 6px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				color: rgba(0, 0, 0, 0.8);
			}
			
			.chuti_shijian {
				margin: 5px 0px;
				padding: 0.6em 1em;
				border-radius: 6px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				color: rgba(0, 0, 0, 0.8);
			}
			
			.chuti_jiezhi {
				padding: 0.6em 1em;
				border-radius: 6px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				color: rgba(0, 0, 0, 0.8);
			}
			
			#chuti_submit {
				width: 120px;
				height: 40px;
				background: #f6ab0f;
				border-radius: 6px;
				margin: 30px 0 0 250px;
				color: white;
				text-align: center;
			}
			
			.chuti_sum {
				width: 120px;
				height: 40px;
				background: #f6ab0f;
				border-radius: 6px;
				margin: 30px 0 0 250px;
				color: white;
				text-align: center;
			}
			
			.box_sha span {
				margin-right: 20px;
				height: 20px;
				line-height: 20px;
			}
			
			#zhuanye,
			#remen {
				display: none;
			}
			
			.remen p {
				font-size: 0.9em;
				color: coral;
				text-indent: 1em;
			}
			
			.ho {
				background: #0001FF;
				opacity: 0.6;
			}
			
			.test_a {
				display: block;
				width: 500px;
				margin: 0 auto;
				height: 40px;
				line-height: 40px;
				font-size: 0.8em;
				color: #333;
			}
			
			.test_a:hover {
				color: #125ABB;
			}
			
			.aa {
				padding: 20px;
			}
			
			#div11 {
				margin: 50px auto;
				position: relative;
				height: 80px;
				overflow: hidden;
			}
			
			#div22 {
				left: 70px;
				position: absolute;
			}
			/*
			 * 随机考题页面
			 */
			
			.main_content {
				padding: 20px;
				background: #fff;
				position: relative;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35)
			}
			
			.main_content_top {
				border-bottom: 2px dashed #1383EB;
				font-weight: bold;
				padding: 8px;
				background: #fff;
				opacity: 0.5;
			}
			
			.xueba {
				margin: 0 auto;
				text-align: center;
				margin-bottom: 20px;
			}
			
			.xueba span {
				margin-left: 15px;
			}
			
			.xueba a {
				font-size: 0.6em;
				float: right;
			}
			
			.xueba a:hover {
				text-decoration: underline;
				color: #0000FF;
			}
			
			.main_li {
				position: absolute;
				left: -150px;
				top: 223px;
				width: 120px;
				border: 1px solid #000;
				background: #fff;
				opacity: 0.6;
			}
			
			.main_li li a {
				float: left;
				display: block;
				width: 30px;
				height: 30px;
				text-align: center;
				line-height: 30px;
			}
			
			.main_li li a:hover {
				opacity: 0.4;
				background: #13EBCA;
			}
			
			.main_top {
				position: fixed;
				bottom: 150px;
				right: 80px;
			}
			
			#btn {
				height: 40px;
				width: 40px;
				background: #777;
				color: #fff;
				display: block;
				text-align: center;
				line-height: 40px;
				font-weight: bold;
				border-radius: 50%;
				font-size: 1.4em;
			}
			
			#btn:hover {
				opacity: 0.6;
			}
			
			.C {
				opacity: 0.7;
				margin-top: 20px;
				list-style: none;
				padding: 10px 10px;
				background: #eee;
			}
			
			.shu_spanA {
				display: inline-block;
				width: 300px;
				line-height: 20px;
				font-size: 0.9em;
				margin-right: 100px;
				margin-bottom: 20px;
			}
			
			.div1 {
				margin-bottom: 10px;
				color: #000000;
				opacity: 1;
			}
			
			.div2 {
				padding: 0 50px;
			}
			
			.shu_span2 {
				width: 800px;
				margin-left: 20px;
				font-size: 15px;
				font-weight: bold;
				width: 800px;
				display: inline-table;
			}
			
			.shu_span1,
			.shu_span3 {
				font-size: 14px;
			}
			
			.jiaojuan {
				display: block;
				height: 50px;
				width: 100px;
				background: #95c1e6;
				margin: 0 auto;
				border-radius: 6px;
				text-align: center;
				line-height: 50px;
				margin-top: 20px;
				font-weight: bold;
				letter-spacing: 0.6em;
				text-indent: 0.8em;
			}
			
			.jiaojuan:hover {
				background: #b5d0e6;
				color: #fff;
			}
			
			.nei1 {
				height: 25px;
				border: 1px solid rgba(34, 36, 38, 0.35);
				border-radius: 0.28em;
				text-indent: 0.8em;
				width: 70px;
			}
			
			.sp {
				margin-left: 40px;
				font-size: 0.7em;
				margin-right: 10px;
			}
			/*
			 * 成功提交页面
			 */
			
			.right1 {
				text-align: center;
				margin-top: 50px;
				margin-left: 250px;
			}
			
			.neirong_right {
				color: red;
			}
			
			.neirong_right span {
				text-align: center;
				margin: 0 auto;
			}
			
			.left_top {
				position: relative;
			}
			
			.left_top span:nth-child(2) {
				position: absolute;
				left: 420px;
				top: 60px;
				color: rgba(240, 1, 1, 0.8);
			}
			
			.left_top span:nth-child(3) {
				position: absolute;
				left: 420px;
				top: 120px;
			}
			
			.left_top em {
				font-weight: bold;
				color: red;
				font-size: 1.2em;
				font-style: normal;
			}
			
			.left_main {
				margin: 50px auto;
				width: 300px;
			}
			
			.li_div {
				height: 40px;
				border: 1px solid rgba(0, 0, 0, 0.7);
				padding: 6px 10px;
				border-radius: 6px;
				opacity: 0.9;
				font-size: 0.9em;
			}
			
			.left_main span:nth-child(1) {
				margin-right: 100px;
			}
			
			.li_div:hover {
				opacity: 0.5;
			}
			
			#left_content {
				width: 700px;
				float: left;
				margin-top: 20px;
				background-color: #fff;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
				display: block;
				margin-bottom: 20px;
			}
			
			#left_content h4 {
				text-align: center;
				margin: 5px 0;
				opacity: 0.8;
			}
			
			.shijian {
				list-style: none;
				padding: 20px;
			}
			
			.shijian li:nth-child(1) {
				border-bottom: 2px dashed #13EBCA;
				height: 30px;
				margin-top: 20px;
			}
			
			.shijian li:nth-child(3) {
				margin-top: 60px;
			}
			
			.li_span3 {
				height: 60px;
				line-height: 60px;
				width: 100px;
				display: block;
				float: left;
				text-align: center;
			}
			
			.li_span4 {
				height: 60px;
				line-height: 60px;
				width: 300px;
				display: block;
				float: left;
				text-align: center;
				overflow-y: auto;
			}
			
			.li_span5 {
				height: 60px;
				line-height: 60px;
				width: 100px;
				display: block;
				float: left;
				text-align: center;
			}
			
			.li_span6 {
				height: 60px;
				line-height: 60px;
				width: 150px;
				display: block;
				float: left;
				text-align: center;
			}
			
			.li_li {
				display: block;
				height: 60px;
			}
			
			.li_li span {
				border: 1px solid #ccc;
			}
			
			.li_span6 {
				overflow: auto;
			}
			
			.img_1 {
				width: 50px;
			}
			
			.li_span1 {
				margin: 0 60px 0 200px;
			}
			
			.div_main {
				height: 60px;
				float: left;
				margin-left: 150px;
			}
			
			.div_main p {
				line-height: 60px;
			}
			
			.div_main a {
				margin-left: 20px;
				color: #1383EB;
			}
			
			.div_main a:hover {
				opacity: 0.8;
				text-decoration: underline;
			}
			
			.wrong_top {
				height: 300px;
				padding-top: 20px;
			}
			
			.wai_qiu {
				margin: 50px auto 0;
				height: 200px;
				width: 200px;
				border-radius: 50%;
				border: 2px solid #aaa;
			}
			
			.nei_qiu {
				margin: 25px auto 0;
				height: 150px;
				width: 150px;
				border-radius: 50%;
			}
			
			.nei_qiu p {
				margin-top: 60px;
				text-align: center;
			}
			
			.nei_qiu strong {
				font-size: 2.5em;
				color: #85c1fb;
				text-shadow: 2px 2px 10px #fff, -2px -2px 10px #fff, 2px -2px 10px #fff, -2px 2px 10px #fff;
			}
			
			.nei_qiu span {
				color: #777;
			}
			
			.wrong_main_left {
				float: left;
			}
			
			.wrong_main_right {
				float: right;
			}
			
			.wrong_content {
				padding: 20px;
				height: 10px;
			}
			
			.wrong_content input {
				color: #666;
				padding: 6px 8px;
				border: 1px #cccccc solid;
			}
			
			.wrong_content input:hover {
				opacity: 0.8;
			}
			
			.wrong_content {
				padding-bottom: 40px;
				border-bottom: 1px dashed #ccc;
			}
			
			.wrong_index {
				padding: 20px 0;
			}
			
			.div_wrong {
				width: 550px;
				margin: 0 auto;
				padding: 10px 20px;
				margin-bottom: 10px;
				border-bottom: 1px dashed #0001FF;
			}
			
			.div_wrong:hover {
				background: #eee;
			}
			
			.wrong_span1 {
				margin: 0 40px;
			}
			
			.wrong_span2{
				margin-right: 50px;
			}
			
			.wrong_span4444 {
				float: right;
			}
			.wrong_span4444 a{
				color: orange;
			}
			
			.wrong_11 {
				padding: 20px;
				margin-bottom: 20px;
			}
			
			.wrong_11 span {
				display: block;
				float: right;
				width: 250px;
				text-align: center;
				color: orangered;
			}
			
			.wrong_11 span:hover {
				opacity: 0.6;
				text-shadow: 2px 2px 10px #000;
				color: #fff;
				cursor: pointer;
			}
			
			.text {
				padding: 0.7em 1em;
				color: rgba(0, 0, 0, 0.87);
				border-radius: 4px;
				border: 1px solid rgba(34, 36, 38, 0.15);
				font-size: 1.4em;
				line-height: 1.27em;
				transition: color 0.1s ease, border-color 0.1s ease;
				margin-bottom: 5px;
				height: 100px;
			}
			
			.text_in {
				background: #85c0e1;
				padding: 6px 18px;
				color: #fff;
				border: none;
				font-weight: bold;
				font-style: normal;
				text-align: center;
				font-size: 0.8em;
				width: 50px;
				margin-left: 420px;
			}
			
			.text_in:hover {
				background: #13EBCA;
			}
			
			.text_span1,
			.text_span2,
			.text_span3,
			.text_span4,
			.text_span7 {
				display: block;
				padding: 8px;
				font-size: 0.8em;
			}
			
			.text_span7 {
				font-weight: bold;
				font-size: 0.9em;
			}
			
			.text_span5 {
				margin-right: 50px;
				color: #ff6ea5;
				font-size: 0.8em;
			}
			
			.text_span6 {
				color: #1383EB;
				font-size: 0.8em;
			}
			
			.wrong_111 {
				padding: 10px;
			}
			
			.wrong_p {
				font-size: 0.8em;
				line-height: 1.67em;
			}
			
			.wrong_footer {
				width: 220px;
				margin: 0 auto;
				line-height: 50px;
			}
			
			.wrong_footer span {
				margin-right: 20px;
			}
			
			.wrong_footer strong {
				padding: 0 5px;
			}
			
			.fuxi {
				background: #85c0e1;
				padding: 6px 18px;
				color: #fff;
				border: none;
				font-weight: bold;
				font-style: normal;
				text-align: center;
				font-size: 0.8em;
				margin-left: 15px;
			}
			
			.fuxi:hover {
				color: #85c0e1;
				background: #ccc;
			}
			
			.zhuanye_top {
				text-align: center;
				padding: 10px 0;
				color: #1383EB;
				text-shadow: 3px 3px 10px #999;
			}
			
			.zhuanye_content {
				padding: 20px 0 20px 10px;
				margin: 0 auto;
				width: 500px;
				border-bottom: 1px solid #ccc;
			}
			
			.zhuanye_index {
				padding-bottom: 50px;
			}
			
			.zhuanye1 {
				line-height: 20px;
				margin-bottom: 10px;
			}
			
			.zhuanye2 span {
				color: #999999;
				font-size: 14px;
			}
			
			.zhuanye2 span:nth-child(1) {
				margin-right: 20px;
			}
			
			.zhuanye2 input {
				font-size: 12px;
				padding: 4px 12px;
				color: #fff;
				background: #1383EB;
				border: none;
				float: right;
				margin-right: 50px;
				border-radius: 6px;
			}
			
			.zhuanye2 input:hover {
				opacity: 0.6;
			}
			
			.ttt {
				margin-top: 10px;
				padding: 0 50px;
				color: #aaa;
				font-size: 14px;
			}
			
			.jishi {
				float: right;
				color: red;
				font-size: 0.85em;
				font-weight: bold;
				line-height: 30px;
			}
			/*
			 * 修改后的弹窗功能
			 */
			
			#mask {
				background: black;
				opacity: 0.3;
				position: absolute;
				left: 0;
				top: 0;
				display: none;
				z-index: 20;
			}
			
			#box {
				width: 300px;
				height: 230px;
				padding: 10px;
				background: #fff;
				border: 5px solid #333;
				position: absolute;
				display: none;
				z-index: 20;
				border-radius: 8px;
				background: url(img/bg_tan.jpg) no-repeat no-repeat center center;
			}
			
			#close {
				position: absolute;
				right: 5px;
				top: 5px;
				text-decoration: none;
				color: black;
			}
			
			#close:hover {
				background: #333;
				color: white;
			}
			
			.head_nav_div{
				padding: 2px 40px 10px 40px;
				text-align: center;
				color: #e15671;
				font-weight: bold;
			}
			
			.head_div {
				margin: 18px auto 0 auto;
				width: 240px;
			}
			
			.head_div input {
				width: 224px;
				height: 41px;
				color: #444d59;
				text-align: center;
				border: none;
				position: absolute;
				left: 0;
				border-radius: 15px;
				top: -2px;
			}
			
			.inpL{
				width: 200px;
				height: 19px;
				display: inline-block;
				border: 1px solid #fff;
				border-radius: 15px;
				padding: 10px;
				cursor: text;
				position: relative;
			}
			
			.tianjia_bg{
				background: #fff;
			}
			
			.inpL span{
				width: 210px;
				height: 19px;
				position: absolute;
				left: 0;
				text-align: center;
				color: #fff;
			}
			
			.tixing{
				color: red;
				display: none;
			}
			
			.head_div input:focus {
				background: #eee;
			}
			
			.head_div span {
				font-size: 0.6em;
				margin-right: 10px;
			}
			
			.head_submit {
				margin: 0 auto;
				text-align: center;
				margin-top: 18px;
			}
			
			.head_submit input {
				padding: 4px 6px;
				font-size: 0.8em;
				border-radius: 15px;
				width: 60px;
				border: 1px solid #e15671;
				color: #fff;
				background: #e15671;
				width: 100px;
				margin-right: 15px;
			}
			
			.head_submit input:hover {
				opacity: 0.6;
			}
			
			#div1111 {
				width: 120px;
				height: 240px;
				position: absolute;
				display: none;
				z-index: 11;
				opacity: 0.8;
				background: #eee;
				border: 2px dashed #aaa;
			}
			
			#div1111 ul li a {
				line-height: 30px;
				height: 30px;
				display: block;
				font-size: 0.7em;
				color: #000;
				text-indent: 2em;
				font-weight: bold;
			}
			
			#div1111 ul li a:hover {
				background: #95C1E6;
				border-bottom: 1px dashed #000;
				color: #fff;
			}
			/*
			 * 个人中心页面
			 */
			
			.content-title {
				margin: 10px;
			}
			
			.weibo-text {
				margin: 0 10px;
			}
			
			.weibo-text textarea {
				margin: 0em;
				-webkit-appearance: none;
				padding: 0.78571429em 1em;
				background: #ffffff;
				border: 1px solid rgba(34, 36, 38, 0.15);
				outline: none;
				color: rgba(0, 0, 0, 0.87);
				border-radius: 0.28571429rem;
				box-shadow: 0em 0em 0em 0em transparent inset;
				-webkit-transition: color 0.1s ease, border-color 0.1s ease;
				transition: color 0.1s ease, border-color 0.1s ease;
				font-size: 1.5em;
				line-height: 1.2857;
				resize: vertical;
				height: 100px;
				width: 92%;
			}
			
			.weibo_list_title {
				line-height: 0px;
				color: #666666;
				background-color: #fff;
				padding: 20px;
				margin: 0 0px 0 0px;
				font-size: 14px;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
				border-bottom: 1px solid #e8f0f8;
			}
			
			.weibo_comment_more{
				text-align: center;
			}
			
			.weibo_comment_more a{
				font-size: 12px;
			}
			
			.send-weibo {
				border: 0px solid #e2ddd5;
				background: white;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0);
				position: relative;
				margin-bottom: 20px;
			}
			
			.l {
				background: rgba(0, 0, 0, 0);
				box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
			}
			
			.ls {
				background: #fff;
			}
			
			.send-action {
				padding: 16px 12px 36px 12px;
			}
			
			a {
				color: #666666;
				cursor: pointer;
			}
			
			a:hover {
				color: #1383EB;
			}
			
			i.large.icon,
			i.large.icons {
				line-height: 1;
				vertical-align: middle;
				font-size: 1.5em;
			}
			
			i.icon {
				display: inline-block;
				opacity: 1;
				margin: 0em 0.25rem 0em 0em;
				width: 1.18em;
				font-family: 'Icons';
				font-style: normal;
				font-weight: normal;
				text-decoration: inherit;
				text-align: center;
				speak: none;
				font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}
			
			.release {
				float: right;
				margin-top: -5px;
				line-height: 1;
			}
			
			.countTxt {
				margin: 0 15px 0;
				color: #999;
			}
			
			.ui.teal.buttons .button,
			.ui.teal.button {
				border-radius: 0;
				padding: 8px 24px;
				background-color: #85c0e1;
				color: #ffffff;
				text-shadow: none;
				background-image: none;
				font-weight: bold;
			}
			
			.ui.teal.button {
				box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
			}
			
			.count {
				font-weight: bold;
				padding: 0 5px;
			}
			
			.qqFace {
				margin-top: 4px;
				background: #fff;
				padding: 2px;
				border: 1px #dfe6f6 solid;
			}
			
			.interest-link {
				width: 222px;
				overflow: hidden;
				height: 200px;
				border-radius: 4px;
				position: absolute;
				z-index: 200;
				left: 65px;
				top: 230px;
				-moz-box-shadow: 0px 0px 10px #d1d0d0;
				-webkit-box-shadow: 0px 0px 10px #d1d0d0;
				box-shadow: 0px 0px 10px #d1d0d0;
				background-color: rgb(255, 255, 255);
			}
			
			.interest-search-link {
				height: 30px;
				width: 200px;
				border: 0px;
				padding-left: 10px;
				margin-top: 10px;
				margin-left: 5px;
				border-radius: 4px;
				margin-bottom: 10px;
				border: 1px solid #D9D9D9;
			}
			
			.interest-scroll {
				height: 140px;
				width: 210px;
				margin: auto;
				overflow: hidden;
				overflow-x: hidden;
				overflow-y: auto;
			}
			
			.interest-search-txt {
				width: 200px;
				height: 25px;
				line-height: 25px;
				margin-bottom: 5px;
				font-size: 12px;
				background-color: #e1f1f8;
				margin-left: 5px;
				padding-left: 10px;
				color: #339dd2;
				position: relative;
				z-index: 200;
			}
			
			.empty {
				background: #fff;
				padding: 6px 10px;
				font-weight: 300;
				color: #666;
			}
			
			.weibo_list {
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
				background: white;
				overflow: hidden;
				margin-bottom: 10px;
			}
			
			.weibo_list_top {
				overflow: hidden;
				padding: 12px;
			}
			
			.weibo_list_top .weibo_list_head {
				float: left;
				margin-right: 12px;
			}
			
			.weibo_list_top ul {
				padding: 0px;
				width: 85%;
				float: left;
				font-size: 14px;
				border-bottom: none;
			}
			
			.weibo_list_top ul li {
				float: none;
			}
			
			.weibo_list_top ul li span {
				color: #999999;
				line-height: 28px;
				font-size: 12px;
			}
			
			b,
			strong {
				font-weight: bold;
			}
			
			.weibo_list_top .weibo_list_head img {
				width: 62px;
			}
			
			.avatar {
				width: 64px;
				height: 64px;
				border-radius: 50%;
			}
			
			.weibo_list_top ul {
				padding: 0px;
				width: 85%;
				float: left;
				font-size: 14px;
			}
			
			.weibo_list_bottom a {
				height: 40px;
				line-height: 40px;
				width: 32%;
				text-align: center;
				cursor: pointer;
				font-size: 13px;
				color: #666666;
				border-left: 1px solid #e8f0f8;
				float: left;
				border-top: 1px solid #e8f0f8;
			}
			
			.weibo_comment {
				display: none;
				position: relative;
				z-index: 998;
				border-top: 0px solid #d1d1d1;
			}
			
			.weibo_comment {
				height: auto;
				background: #f2f2f2;
				padding: 12px 12px 12px 12px;
			}
			
			.weibo_list_bottom .weibo_list_bottom_message_cur {
				position: relative;
				z-index: 999;
			}
			
			.weibo-comment {
				margin-bottom: 0px;
				box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
				background: none;
			}
			
			.weibo_list_top {
				overflow: hidden;
				padding: 12px;
			}
			
			.weibo_list_top .weibo_list_head {
				float: left;
				margin-right: 12px;
			}
			
			.weibo_list_top ul {
				width: 85%;
				float: left;
				font-size: 14px;
				padding: 0px;
			}
			
			.weibo_list_top ul {
				padding: 0px;
				width: 85%;
				float: left;
				font-size: 14px;
			}
			
			.weibo-comment-ul {
				padding-bottom: 18px;
				border-bottom: 1px solid #e5e5e5!important;
				height: auto!important;
			}
			
			.ui.form {
				font-size: 1rem;
			}
			
			.ui.form {
				position: relative;
				max-width: 100%;
			}
			
			.weibo_list_bottom a {
				border-top: 1px solid #e8f0f8;
			}
			
			.weibo_list_bottom {
				height: 40px;
			}
			
			.weibo_list_top ul {
				height: auto!important;
			}
			
			.highslide-gallery {
				margin-top: 8px;
				width: 560px;
			}
			
			.highslide {
				outline: none;
				text-decoration: none;
			}
			
			.highslide-gallery {
				margin-top: 8px;
				width: 560px;
			}
			
			.highslide img {
				cursor: url(cursor/zoomin.cur), pointer !important;
			}
			
			.highslide img {
				border: 0px solid silver;
				width: 182px;
				height: 182px;
			}
			
			#aaaa {
				display: inline;
				width: auto;
				height: auto;
			}
			
			.photo_upload_box_outside {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 800;
				padding-bottom: 12px;
				display: none;
				border: 1px solid #ccc;
				border-radius: 3px;
				background-color: #FFF;
				box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.2);
			}
			
			.photo_upload_box {
				padding: 16px 0 10px 16px;
				width: 308px;
				position: relative;
			}
			
			.photo_upload_close {
				background: url(img/local_upload_close.png) no-repeat scroll 0 0;
				display: block;
				height: 11px;
				width: 11px;
				position: absolute;
				right: 7px;
				top: 8px;
			}
			
			.photo_upload_box h1 {
				font-size: 14px;
				font-weight: 700;
			}
			
			.photo_upload_box .upload_num {
				margin: 10px 0;
			}
			
			.ul_pics li {
				float: left;
				width: 80px;
				height: 80px;
				margin: 0 8px 8px 0;
				position: relative;
			}
			
			.ul_pics li img {
				width: 100%;
				height: 100%;
			}
			
			.clearfix {
				height: auto!important;
				border-bottom: none!important;
			}
			
			h1 {
				font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
				line-height: 1.2857em;
				margin: calc(2rem - 0.14285em) 0em 1rem;
				font-weight: bold;
				padding: 0em;
			}
			
			.pic_close {
				background: url(img/ico_layer.png) no-repeat scroll -25px -25px;
				display: none!important;
				height: 20px!important;
				width: 20px!important;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 990;
				text-align: right!important;
				line-height: 20px;
				border: none!important;
			}
			
			.ul_pics li:hover .picbg {
				background: #4A4A4A;
				opacity: 0.6;
				filter: alpha(opacity=60);
				display: block;
				height: 100%;
				position: absolute;
				top: 0;
				width: 100%;
			}
			
			.ul_pics li:hover .pic_close {
				display: block!important;
			}
			
			.index_img11 {
				margin-right: 4px;
			}
			/*
			 * css轮播
			 */
			
			.photo {
				width: 660px;
				height: 260px;
				border: 1px solid #555555;
				margin: auto auto;
				margin-bottom: 20px;
				position: relative;
				background: #ffffff;
				box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
				padding: 20px;
			}
			
			.photo img {
				width: 650px;
				height: 260px;
			}
			
			.photo input {
				display: none;
			}
			
			.image {
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 25px 25px;
				transform: scale(0);
				opacity: 0;
				transition: all 0.7s;
				cursor: help;
			}
			
			.nav1 label {
				width: 80px;
				height: 250px;
				position: absolute;
				margin: 5px;
				z-index: 10;
				opacity: 0;
				display: none;
				cursor: pointer;
				transition: opacity 0.2s;
				color: #ffffff;
				font-size: 50px;
				line-height: 250px;
				text-align: center;
				text-shadow: 0 0 15px #555555);
			}
			
			.leftjianbian {
				background: linear-gradient(right, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
				background: -o-linear-gradient(right, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
				background: -ms-linear-gradient(right, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
				background: -moz-linear-gradient(right, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
				background: -webkit-linear-gradient(right, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
			}
			
			.rightjianbian {
				background: linear-gradient(left, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
				background: -o-linear-gradient(left, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
				background: -ms-linear-gradient(left, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
				background: -moz-linear-gradient(left, rgba(250, 242, 239, 0) 1%, rgba(158, 148, 166, 0.5) 100%);
				background: -webkit-linear-gradient(left, rgba(250, 242, 239, 0) 10%, rgba(158, 148, 166, 0.5) 100%);
			}
			
			.image:hover+.nav1 label {
				opacity: 0.5;
			}
			
			.nav1 label:hover {
				opacity: 1;
			}
			
			.nav1 .down {
				right: 22px;
			}
			
			input:checked+.control .image {
				opacity: 1;
				transform: scale(1);
				transition: all 1s;
			}
			
			input:checked+.control .nav1 label {
				display: block;
			}
			
			.dots {
				width: 100%;
				height: 20px;
				position: absolute;
				bottom: 30px;
				text-align: center;
			}
			
			.dot {
				width: 10px;
				height: 10px;
				margin: 0px 5px;
				border-radius: 50%;
				position: relative;
				display: inline-block;
				background: rgba(0, 0, 0, 0.3);
			}
			
			input#img1:checked~.dots label#dot1,
			input#img2:checked~.dots label#dot2,
			input#img3:checked~.dots label#dot3,
			input#img4:checked~.dots label#dot4,
			input#img5:checked~.dots label#dot5,
			input#img6:checked~.dots label#dot6 {
				background: rgba(0, 0, 0, 0.7);
			}
			/*
			 * homePage页面配置
			 */
			
			.main_nav {
				margin: 0 auto;
				width: 1000px;
				position: relative;
				height: 300px;
				margin-bottom: 10px;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
				text-align: center;
				overflow: hidden;
				background: url(img/my_bg_other.png) no-repeat center center / cover;
			}
			
			.my_main_img {
				position: relative;
				width: 100px;
				height: 100px;
				margin: 48px auto 0;
				padding: 4px;
				background: #fff;
				background: rgba(255, 255, 255, 0.15);
				border-radius: 50%;
				box-sizing: content-box;
			}
			
			.my_main_img img {
				width: 100px;
				height: 100px;
				border-radius: 50%;
			}
			
			.main_nav h4 {
				color: #fff;
				font-size: 20px;
				font-weight: normal;
				font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
				line-height: 1.2857em;
				margin: calc(2rem - 0.14285em) 0em 1rem;
			}
			
			.my_main_message {
				width: 96%;
				color: white;
				position: absolute;
				bottom: 16px;
				padding: 24px 24px 0 24px;
				font-size: 12px;
			}
			
			.my_main_message .fl {
				width: 33%;
			}
			
			.my_main_message .fl li {
				margin-top: 4px;
			}
			
			.my_main_message ul li {
				text-align: left;
			}
			
			.my_main_message .show_btn {
				width: 142px;
				height: 42px;
				border-radius: 4px;
				outline: none;
				border: none;
				background-color: #fe862c;
				font-size: 18px;
			}
			
			.my_main_message .show_btn {
				width: 142px;
				height: 42px;
				border-radius: 4px;
				outline: none;
				border: none;
				background-color: #fe862c;
				font-size: 18px;
				cursor: pointer;
				-webkit-appearance: button;
			}
			
			.fl {
				float: left;
			}
			
			.my_main_message .my_info_list {
				width: 33%;
				padding-left: 10%;
				margin: 0;
				padding: 0;
			}
			
			.fr {
				float: right;
			}
			
			.my_info_list ul,
			ol {
				float: left;
				color: #666666;
				font-size: 14px;
			}
			
			.my_info_list ol {
				width: 1px;
				height: 32px;
				background-color: #e5e5e5;
				margin: 6px 24px 0px 24px;
			}
			
			.my_main_message .my_info_list li {
				text-align: center;
				color: #fff;
			}
			
			.my_info_list ul span {
				font-size: 18px;
				font-weight: 800;
			}
			/*
			 * 导航条滑动特效
			 */
			
			#header {
				background: #fff url(img/bg.gif) repeat-x;
			}
			
			#header {
				width: 700px;
				height: 107px;
				margin: 0 auto;
				position: relative;
			}
			
			#header ul {
				height: 44px;
				position: absolute;
				left: 80px;
				bottom: 0;
			}
			
			#header .normal,
			#header .active1 {
				float: left;
				width: 88px;
				height: 44px;
				position: relative;
				z-index: 1;
			}
			
			#header .normal a,
			#header .active1 a {
				float: left;
				width: 88px;
				height: 44px;
				line-height: 44px;
				text-align: center;
				text-decoration: none;
				font-size: 14px;
				font-weight: bold;
			}
			
			#header .active1 a {
				color: #fff;
			}
			
			#header .normal a {
				color: #999;
			}
			
			#btn_bg {
				width: 88px;
				height: 44px;
				background: #fb2347 url(img/btn_bg.gif);
				position: absolute;
				overflow: hidden;
				left: 80px;
				bottom: 0;
				z-index: 2;
			}
			
			#btn_bg ul {
				width: 528px;
				left: -176px;
				position: absolute;
			}
			
			.jiaceng {
				height: 30px;
				width: 100%;
				background: #fff;
			}
			/*
			 * 留言板的css样式
			 */
			
			.liuyanban_content {
				background: url(img/my_bg05.png) no-repeat center center;
				height: 300px;
			}
			
			#div_liu {
				position: relative;
				width: 650px;
				height: 300px;
				margin: 0 auto;
				overflow: hidden;
			}
			
			#div_liu a {
				position: absolute;
				color: #000;
				text-decoration: none;
				top: 300px;
				display: block;
				background: #fff;
				filter: alpha(opacity:30);
				opacity: 0.5;
				font-size: 14px;
				padding: 3px 5px;
				font-family: arial;
			}
			
			#div_liu a:hover {
				filter: alpha(opacity:100);
				opacity: 1;
				font-weight: bold;
				font-size: 16px;
			}
			
			.liuyanban_index {
				padding: 20px;
				background: #fff;
				border-top: 2px solid #ccc;
			}
			
			.liuyanban h1 {
				text-align: center;
				color: #666;
				font-size: 16px;
				width: 100%;
				margin: 0;
			}
			
			.pic1 {
				float: left;
				width: 600px;
				height: 80px;
				line-height: 80px;
				text-align: center;
			}
			
			.pic img {
				height: 90px;
				border: none;
				border-radius: 50%;
				width: 90px;
				margin-right: 20px;
			}
			
			.pic ul li {
				border-bottom: none!important;
			}
			
			.start_liuyan {
				padding: 20px;
			}
			
			.start_liuyan dt {
				color: orange;
				margin-bottom: 10px;
			}
			
			.btn_msg {
				padding: 10px 12px;
				width: 97%;
				height: 130px;
				font-size: 1.5em;
			}
			
			#btn_submit {
				padding: 6px 10px;
				color: #fff;
				background: #1383EB;
				border: none;
				margin: 5px 5px 0 0;
				float: right;
			}
			
			#btn_submit:hover {
				opacity: 0.8;
			}
			
			#content {
				margin-top: 15px;
				height: 800px;
				overflow: auto;
				padding: 20px;
			}
			
			#content li {
				padding: 10px 0;
				overflow: auto;
				border-bottom: 1px dotted #9f9f9f;
			}
			/*
			 * 点赞的页面css样式
			 */
			
			.list_title {
				line-height: 0px;
				color: #666666;
				background-color: #fff;
				padding: 20px;
				margin: 0 0px 0 0px;
				font-size: 14px;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.35);
				border-bottom: 1px solid #e8f0f8;
			}
			/*
			 * 关注页面样式
			 */
			
			.list_title span {
				font-size: 12px;
				margin-left: 4px;
			}
			
			.my_friend {
				background: #ffffff;
				box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
				margin-bottom: 10px;
				min-height: 510px;
				padding: 12px;
			}
			
			.my_friend .my_friend_list {
				height: 82px;
				padding: 8px;
				margin-bottom: 8px;
				background: #f5f5f5;
			}
			
			.my_friend .my_friend_list img {
				width: 52px;
				margin: 8px 16px 0px 4px;
			}
			
			.my_friend .my_friend_list button {
				font-size: 14px;
				background: #60cf65;
				padding: 6px 18px;
				outline: none;
				margin-top: 16px;
				color: #FFFFFF;
				border: none;
			}
			
			.my_friend .my_friend_list ul li {
				font-size: 14px;
				margin-top: 8px;
				font-weight: 700;
			}
			
			.my_friend .my_friend_list ul li span {
				font-size: 12px;
				color: #666666;
				margin-right: 12px;
				font-weight: normal;
			}
			
			.my_fans_list {
				overflow: hidden;
				padding-top: 10px;
				padding-bottom: 12px;
				border-bottom: 1px solid #f2f2f2;
			}
			
			.my_fans_list img {
				width: 58px;
				margin-right: 12px;
			}
			
			.my_fans_list ul li {
				font-size: 14px;
				margin-bottom: 8px;
				font-weight: 700;
			}
			
			.my_fans_list ul li span,
			font {
				font-size: 12px;
				margin-right: 8px;
				font-weight: normal;
			}
			
			.my_fans_list ul li font {
				color: #eb7350;
			}
			
			.aaaa:hover {
				color: #000000;
			}
			
			.aaaa:hover img {
				width: 75px;
			}
			/*
			 * 右下角回调函数
			 */
			
			.page {
				position: fixed;
				right: 0;
				bottom: 0;
				z-index: 5;
			}
			
			#zhu_bottom {
				width: 203px;
				height: 50px;
				background: url(img/minibar.jpg) no-repeat 0 -2px;
				position: absolute;
				right: -168px;
				bottom: 0;
				z-index: 20001;
			}
			
			#but {
				bottom: 0;
				display: block;
				height: 50px;
				position: absolute;
				right: 0;
				width: 33px;
				z-index: 20002;
			}
			
			#zhu_box {
				bottom: -315px;
				display: none;
				height: 315px;
				padding: 0 0 30px;
				position: absolute;
				right: 1px;
				width: 200px;
				z-index: 20000;
			}
			
			.but_hide {
				background: url(img/minibar.jpg) no-repeat -170px -2px;
			}
			
			.but_show {
				background: url(img/minibar.jpg) no-repeat -236px -2px;
			}
			
			.zhuyao {
				color: #eee;
				height: 45px;
				line-height: 45px;
				margin: 6px 0 0 8px;
				overflow: hidden;
				width: 160px;
				font-size: 14px;
			}
			
			.bg {
				background: url(img/mini_jpgs.jpg) no-repeat 0 0;
				height: 315px;
				opacity: 0.9;
				position: absolute;
				right: 0;
				top: 0;
				width: 200px;
			}
			
			.nav2_bg {
				bottom: 48px;
				height: 176px;
				left: 0;
				position: absolute;
				width: 34px;
				background: url(img/mini_jpgs.jpg) no-repeat 0 -139px;
			}
			
			#list_nav {
				height: 139px;
				left: 0;
				position: absolute;
				top: 2px;
				width: 34px;
			}
			
			.clos {
				background: url(img/minibar.jpg) no-repeat 0 -76px;
				cursor: pointer;
				height: 9px;
				position: absolute;
				right: 10px;
				top: 14px;
				width: 9px;
			}
			
			.but_show:hover {
				background-position: -269px -2px;
			}
			
			.but_hide:hover {
				background-position: -203px -2px;
			}
			
			#list_nav a {
				color: #FFFFFF;
				display: block;
				height: 27px;
				line-height: 25px;
				text-align: center;
				text-decoration: none;
				font-size: 12px;
			}
			
			#list_nav .show {
				color: #FF9900;
			}
			
			#list_nav a:hover {
				color: #FFFF00;
			}
			
			.box_right {
				color: #FFFFFF;
			    height: 265px;
			    overflow-y: visible;
			    overflow-x: hidden;
			    position: absolute;
			    right: 3px;
			    top: 28px;
			    width: 160px;
			    font-size: 12px;
			}
			
			.ge{
				padding: 6px 0px;
				width: 97%;
				height: 40px;
			}
			
			.ge:hover{
				opacity: 0.8;
			}
			
			.index_hao_img{
				height: 40px;
				border-radius: 50%;
			}
			
			.span_hao{
				line-height: 25px;
			}
			
			#xianshi{
				background: #2b2b2c;
				opacity: 0.8;
				height:250px;
				width: 300px;
				bottom: 0px;
				display: none;
				right: 200px;
				z-index: 8;
				position: absolute;
			}
				
			#xianshi ul li{
				float: left;
				padding: 4px 6px;
				color: #fff;
				font-weight: 600;
				font-size: 12px;
			}
			
			#xianshi ul{
				width: 100%;
				height: 25px;
			}
			
			#xianshi ul li:hover{
				text-decoration: underline;
			}
			
			.text_nei{
				background: url(img/dk_t.jpg) no-repeat center center;
				width: 83%;
				height: 100px;
				margin-left: 15px;
				padding: 6px 8px;
				font-size: 12px;
				overflow: auto;
			}	
			
			.chat span{
				color: #fff;
				margin-left: 15px;
				font-size: 12px;
			}
			
			.chat{
				margin: 10px 0px;
			}
			
			.chat_content{
				padding: 6px 10px;
			}
			
			.text_con{
				padding: 4px 6px;
				font-size: 12px;
				width: 200px;
			}
			
			.fayan{
				padding: 6px 8px;
				text-align: center;
				font-size: 14px;
				color: #000;
				border: none;
				background: #1383EB;
				position: relative;
				bottom: 11px;
				right: -7px;
			}
			
			#ding{
				top: 0px;
				width: 9px;
				height: 9px;
				position: relative;
				right: -100px;
			}
			
			.top_a{
				cursor: pointer;
				color: #fff;
				font-size: 12px;
			}
			
			.top_a:hover{
				text-decoration: underline;
				opacity: 0.7;
			}
			
			.fayan:hover{
				opacity: 0.6;
			}
			
			.liao{
				font-weight: bold;
				font-size: 14px;
			}
			
			.liao_p{
				color: red;
			}
			
			/**
			 * 修改为头部扩充jQuery
			 */
			.li_message{
				padding: 0px 16px;
    			background: url(img/search_btn3.png) center 50% / 24px no-repeat;
    			position: relative;
			}
			.menu{
				position: absolute;
			    top: 52px;
			    overflow: hidden;
			    left: -14px;
			    width: 88px;
			    background: #fff;
			    z-index: 999;
			    border: 0px solid #ccc;
			    box-shadow: 0px 2px 8px 1px rgba(0,0,0,0);
			    max-height: 0px;
			}
			.li_set{
			    padding: 0px 16px;
    			background: url(img/search_btn2.png) center 50% / 24px no-repeat;
    			position: relative;
			}
			.menu a{
			    display: block;
			    padding-left: 12px;
			    font-size: 12px;
			    border-bottom: 1px solid #f2f2f2;
			    color: #666666;
			    line-height: 36px;
		    }
		    .nav ol li:hover .menu{
			    border: 1px solid #ccc;
			    box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2);
			    max-height: inherit;
			}
			
			/*
			 * 首页jQuery特效
			 */
			
		</style>
	</head>
	<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />